<template>
	<div class="zco-get-hand-writing-container">
		<Request v-if="businessType === 'peer-cmd'" :toUserName="message.toUserInfo.userName" :toUserRole="message.toUserInfo.role" />
		<Cancel v-if="businessType === 'peer-cancel'" :reason="message.data.reason" :toUserName="message.toUserInfo.userName" :toUserRole="message.toUserInfo.role" />
		<Response
			v-if="businessType === 'peer-response'"
			:toUserName="message.toUserInfo.userName"
			:toUserRole="message.toUserInfo.role"
			:status="message.data.status"
			:imageUrl="message.data.data ? message.data.data.url : ''"
			:fromUserName="fromUserName"
		/>
	</div>
</template>
<script>
import Request from './components/Request.vue';
import Cancel from './components/Cancel.vue';
import Response from './components/Response.vue';
export default {
	name: 'APP',
	components: { Request, Cancel, Response },
	props: {
		businessType: {
			type: String,
			default: () => ''
		},
		message: {},
		fromUserName: {
			type: String,
			default: () => ''
		}
	},
	data() {
		return {};
	},
	methods: {},
	created() {},
	mounted() {}
};
</script>
<style scoped></style>
